<template>
  <div class="user_left fl" >
    <h3>
      <router-link  to="/selleru/se_center" class="wp100 bg4448f8 f16 cfff bl">卖家中心</router-link >
    </h3>
    <div class="nav_menu pt10 f14">
        <p>
        <i class="n1"></i>销售订单
      </p>
      <router-link class="nameA" to="/selleru/se_order" active-class="active" data="1">我的订单</router-link >
      <p>
        <i class="n1"></i>商品管理
      </p>
      <router-link class="nameA" to="/selleru/new_goods" active-class="active" data="2">新增商品</router-link >
      <router-link class="nameA" to="/selleru/are_sales" active-class="active" data="3">正在销售</router-link >
      <router-link class="nameA" to="/selleru/bulk_import" active-class="active" data="4">批量导入</router-link >
      <p>
        <i class="n1"></i>询货销售
      </p>
      <router-link class="nameA" to="/selleru/quotation_prices" active-class="active" data="5">询货报价</router-link >
      <router-link class="nameA" to="/selleru/inquiry_results" active-class="active" data="6">询货结果</router-link >
       <p>
        <i class="n1"></i>商铺管理
      </p>
      <router-link class="nameA" to="/selleru/apply_for" active-class="active" data="7">申请商铺</router-link >
      <router-link class="nameA" to="/selleru/basic_setup" active-class="active" data="8">基本设置</router-link >
      <p>
        <i class="n1"></i>基本设置
      </p>
      <router-link v-if="userIfno.role_type === 'seller'" class="nameA" to="/selleru/clerk_management" active-class="active" data="9">店员管理</router-link >
      <router-link class="nameA" to="/selleru/shipping_address" active-class="active" data="10">收货地址管理</router-link >
      <router-link class="nameA" to="/selleru/corporate_communication" active-class="active" data="11">公司信息</router-link >
      <!-- <router-link class="nameA" to="/selleru/customs_invoice" active-class="active" data="12">开票信息</router-link > -->
      <!-- <router-link class="nameA" to="/selleru/contact_information" active-class="active" data="13">个人信息</router-link > -->
      <!-- <router-link class="nameA" to="/selleru/change_password" active-class="active" data="14">修改密码</router-link > -->
      <!-- <p>
        <i class="n1"></i>服务费用
      </p>
      <router-link class="nameA" to="/selleru/cost_query" active-class="active" data="15">费用查询</router-link >
      <router-link class="nameA" to="/my/news" active-class="active" data="16">待用金查询</router-link > -->
    </div>
  </div>
</template>

<script>
import { mapMutations } from 'vuex'
export default {
  name: 'left-nav',
  data () {
    return {
      userIfno:''
    }
  },
  created () {
    this.setHasNav(false)
    this.userIfno = JSON.parse(localStorage.getItem('__userInfo__'))
  },
  methods: {
    ...mapMutations({
      setHasNav: 'app/SET_PAGE_HAS_NAV'
    })
  }
}
</script>

<style lang="scss" scoped>
.container {
  width: 1200px;
  margin: 0 auto;
  z-index: 0;
  .user_left {
    padding: 30px 25px 34px;
    width: 180px;
    background: #fff;
    .wp100 {
      display: block;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 3px;
      background: #4448f8;
      color: #fff;
      font-size: 18px;
    }
    .wp100:hover, input.bg4448f8:hover {
      background: rgba(68, 72, 248, 0.7);
      cursor: pointer;
    }
    .f14 {
      font-size: 14px;
    }
    .pt10 {
      padding-top: 10px;
    }
    .nav_menu {
      .nameA {
       display: block;
        line-height: 34px;
        padding-left: 40px;
        font-size: 14px;
        text-align: left;
        // padding-left: 10px;
        &.active {
          color: rgba(68, 72, 248, 0.7);
        }
      }
      .nameA:hover {
        cursor: pointer;
        color: #4448f8;
      }
      p {
        font-size: 16px;
        color: #333;
        line-height: 16px;
        padding: 0 0 10px 0;
        margin: 15px 0 0 25px;
        position: relative;
        text-align: left;
        font-weight: 700;
        i {
          background-position: 0 -40px;
          width: 14px;
          height: 17px;
          position: absolute;
          left: -26px;
          top: 0;
          // background: url('../../assets/img/ubg_ico.png') no-repeat 0 0;
        }
      }
    }
  }
  .mr20 {
    margin-right: 20px;
  }
  .fl {
    float: left;
    display: inline;
  }
}
.clearfix {
  zoom: 1;
}

</style>
